<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link href="css/common.css" rel="stylesheet">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/line.js"></script>
</head>
<style>
    .contact-banner-box h1 {
        display: block;
        border-bottom: 2px solid #fff;
        color: #f5f5f5;
    }

    .div-contact {
        margin-top: 30px;
        margin-bottom: 40px;
        text-align: center;
    }

    .div-contact .h4,
    .div-contact .h1 {
        color: #f1f1f1;
    }

    .div-contact .h1 {
        padding-bottom: 16px;
        width: 340px;
        margin-left: 292px;
        border-bottom: 4px wheat solid;
    }

    .div-contact>.btu {
        font-size: 24px;
        text-align: center;
        border: 1px #f5f2ed solid;
    }

    .btn-color {
        color: #fff;
        background: transparent;
    }

    .btn-color:hover {
        color: #0ba1e4;
        background-color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

    #tail-father {
        height: 233px;
        background-color: black;
        list-style-type: none;
        color: white;
    }

    #tail-father li>a {

        color: white;
    }

    #tail-father li {
        list-style-type: none;
    }

    #user-in {
        padding: 0;
        background-color: #363636;
        color: whitesmoke;

    }

    .div-bottom {
        border-right: 2px red solid;
    }

    #user-in .list-ul h4 {
        color: #f5f5f5;
    }

    #user-in .list-ul ul {
        margin: 25px 0 0 0;
        padding: 0;
        list-style: none;
    }

    #user-in .list-ul ul li a {
        color: #f5f5f5;
        line-height: 2.5em;
    }

    #footer .footer-wechat img {
        max-height: 132px;
    }

    #footer .footer-wechat p {
        text-align: center;
        color: #f5f5f5;
        line-height: 2.5em;
    }

    .list-ul {
        height: 160px;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-left: 1em;
        border-left: 2px solid #c1c1c1;
        overflow: hidden;
    }

    @media (min-width: 992px) {
        #footer .footer-item-last {
            border-right: 2px solid #c1c1c1;
        }
    }

    .footer-wechat {
        margin-top: 40px;
        padding-left: 1em;
        border-left: 2px solid #c1c1c1;
        height: 159px;
    }

    #user-in .footer-wechat img {
        max-height: 132px;
    }

    #user-in .footer-wechat p {
        margin-top: 14px;
        text-align: center;
        color: #f5f5f5;

    }

    #user-in .footer-contact h2 {
        display: block;
        color: #ffffff;
        margin: 0;
        line-height: 52px;
    }

    #user-in .footer-contact h2 img {
        width: 40px;
        height: 40px;
        margin-top: -6px;
        margin-right: 10px;
    }

    #user-in .footer-contact h2 {
        padding-left: 20px;
    }

    .footer-contact {
        margin-top: 39px;
        margin-right: 6px;
        margin-left: -16px;
        border-left: 2px solid #c1c1c1;
        border-right: 2px solid #c1c1c1;
    }

    #low-min {
        background-color: #666;
    margin-top: -10px;
    color: white;
    }

    .h5 {
        display: flex;
        justify-content: center;
    }
    .h5>h5{
        margin-top: 28px;
    }
</style>
<body>
    <div class="contact-banner">
        <canvas id="waves" class="waves" width="1889" height="257" style="width: 1890px; height: 257px;"></canvas>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 div-contact">
                    <div class="h1">更多疑问 全面解答</div>
                    <div class="h4" style="
                    margin-bottom: 28px;
                ">资深美签专家在线为您解答所有疑惑</div>
                    <a class=" btu btn-color btn-lg">免费咨询</a>
                </div>
            </div>
        </div>
    </div>
    <div id="user-in">
        <div class="container">
            <div class="col-xs-6 col-sm-2 footer-item">
                <div class="list-ul">
                    <h4>常用工具</h4>
                    <ul>
                        <li><a href="">电话查询</a> </li>
                        <li><a href="">护照追踪</a></li>
                        <li><a href="">资料下载</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-6 col-sm-2 footer-item">
                <div class="list-ul">
                    <h4>快捷连接</h4>
                    <ul>
                        <li><a href="">签证咨询</a> </li>
                        <li><a href="">签证指南</a></li>
                        <li><a href="">常见问题</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-6 col-sm-2 footer-item">
                <div class="list-ul">
                    <h4>关于我们</h4>
                    <ul>
                        <li><a href="">关于中狼</a> </li>
                        <li><a href="">服务协议</a></li>
                        <li><a href="">收藏本站</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-6 col-sm-2 footer-item">
                <div class="footer-wechat">
                    <img class="img-responsive" src="img/wechat.png">
                    <p>
                        <sapn>微信号:</sapn>这是微信
                    </p>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4 footer-item footer-item-last">
                <div class="footer-contact">
                    <h2><img src="img/pc-footer-phone.png">18810888729</h2>
                    <h2><img src="img/pc-footer-qq.png">54350970</h2>
                    <h2><img src="img/pc-footer-mob.png">18810888729</h2>
                </div>
            </div>
        </div>
    </div>
    <div id="low-min">
        <div class="h5">
            <h5>Copyright © 2006-2019 clantrip.com All Rights Reversed. 中岚签证 京ICP备16015317号-1</h5>
        </div>
        <div class="h5">
            <h5> 京公网安备 11010102002687号</h5>
        </div>
    </div>
</body>
<script>
</script>

</html>